<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var arr=[1,true,"hello",null,undefined,{n:100}];
        console.log(arr);
        //读取数组某个值
        console.log(arr[2]);
        //设置某个值
        arr[3]="ok";
        console.log(arr);
        console.log(arr.length);

        console.log(arr[10]);//没有那项值为 undefined

        arr[10]=100;//可以给没有的索引下标赋值
        console.log(arr);
        console.log(arr[9]);//undefined


        // var ary=[1,2,3];
        // ary[3]=200;//相当于新增一个
        // ary[5]=300;
        // console.log(ary);//[1, 2, 3, 200, empty, 300]
        // console.log(ary[4]);//undefined

        // let colors=['red','blue','green'];
        // colors.length=2;//长度小于原来的长度，就是删除; 大于原来的长度就是新增
        // console.log(colors);
        // console.log(colors[2])//undefined

        // var ary=[1,2,3];
        // ary.length=7;//新增的元素都用undefined填充
        // console.log(ary);
        // //0 1 2 3 4 5 6 
        // ary[ary.length-1]='black';//数组 最后的索引下标 修改内容
        // ary[ary.length]='red';//数组最后再新增一个
        // console.log(ary);

        // var arr1=[1,2,3];
        // console.log(arr1);//字面量

        // var arr2=new Array(1,2,3);//构造函数法
        // console.log(arr2);


        // var arr1=[5];
        // console.log(arr1);//字面量

        // //如果添加1个内容，刚好是数字，就是添加5个empty(undefined)
        // var arr2=new Array(5);//构造函数法
        // console.log(arr2);
    </script>
</body>
</html>